
#music-main {
	width: 100%;
	display: flex;
	flex-direction: column;
}

#music-head {
	width: 100%;	
	text-align: right;
}
/* transform: translateX(300px) scale(0.8); */
/* animation:name 1s ; */
/* @keyframes name{
	from{transform: translateX(0);}
	to{transform: translateX(300px)}
} */
#music-head input {
	width: 250px;
	height: 28px;
	border: 0;
	padding-left:28px ;
	font-weight: bold;
	background-color: #b6b6b6;
	color: #1d4bd5;
}
#music-head>img {
	position: absolute;
	width: 30px;
	height: 30px;
}
#music-head>marquee{
	position: relative;
	float: left;
	margin-left: 10px;
}

#music-mid{
	border-top:  #a3a3a3 1px solid;
	margin-top: 10px;
	width: 100%;
}
table {
	margin-top: 5px ;
	text-align: left;
	color: #d1d1d1;
}
tr:hover{
	color: #ffffff;
}
tr{
	margin-to: 20px ;
	min-height: 100px;
}

#music-footer{
 	position:fiexd;
	bottom:0;
	width: 100%;
	height: 100px;
	margin-top: 20px; 
}
audio {
	width: 100%;
	height: 28px;
	outline: none;
	background-color: #262626;
	
}
[v-cloak]{
	display: none;
}
.playImg{
	position: absolute;
	width: 30px;
	height: 30px;
}